.M-commonScale {
	position: relative;
	min-height: 100px;

	&Bar {
		position: absolute;
		bottom: 30px;
		left: 0px;
		height: 10px;
		/*border: 1px solid #ccc;*/
		border-radius: 5px;
		z-index: 2;
	}
	&ColorLine{
		position: absolute;
		height: 10px;
		border-radius: 5px;
	}
	&Ctr {
		/*position: absolute;
		top: -3px;
		border: 1px solid #aaa;
		background: #f0f0f0;
		height: 14px;
		width: 18px;
		border-radius: 4px;
		cursor: pointer;

		&:hover {
			background: #f7f7f7;
		}*/
		cursor: pointer;
		top: -7px;
		width: 20px;
		height: 20px;
		font-size: 10px;
		position: absolute;
		border-radius: 1em;
		text-align: center;
		border: 1px solid #dcdcda;
		box-shadow: rgba(0, 0, 0, 0.05) 1px 1px 1px inset;
		background-color: #fff;
		&:after {
			top: 5px;
			left: 5px;
			width: 8px;
			height: 8px;
			font-size: 0;
			content: " ";
			display: block;
			overflow: hidden;
			position: absolute;
			border-radius: 8px;
			background: #adadad;
			border: 1px solid #a5a5a5;
		}
	}
	&Tips {
		position: absolute;
		bottom: 20px;
		border-radius: 5px;
		background: #adeeff;
		padding: 10px;
		white-space: nowrap;
		color: #fff;
		min-width: 30px;
		cursor: pointer;

		span {
			display: block;
			text-align: center;
			font-size: 12px;
		}

		&Arrow {
			display: block;
			position: absolute;
			left: 50%;
			bottom: -16px;
			margin-left: -5px;
			border: solid transparent;
			border-width: 8px 5px;
			border-top-color: #adeeff;
			overflow: hidden;
			height: 0px;
			width: 0px;
		}
	}

	.front {
		z-index: 900;
	}
}